<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>{block name="title"}{/block}</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="__INDEX__amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="__INDEX__default/style.css"/>
    <script src="__INDEX__amazeui/js/jquery.min.js"></script>
    <script src="__INDEX__amazeui/js/amazeui.min.js"></script>
    {block name="header-js"}{/block}
</head>

<body>
<div class="container">
    <header data-am-widget="header" class="am-header am-header-default my-header">
        {block name="header-left"}{/block}
        <h1 class="am-header-title">
            <a href="#title-link" class="">{block name="header-title"}{/block}</a>
        </h1>
        {block name="header-right"}{/block}
    </header>
    {block name="user-info"}{/block}
    {block name="content"}{/block}
    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
        <div class="am-footer-miscs ">
            <p>CopyRight©2014 AllMobilize Inc.</p>
            <p>京ICP备13033158</p>
        </div>
    </footer>
    <!--底部-->
    <div data-am-widget="navbar" class="am-navbar am-cf my-nav-footer " id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4 my-footer-ul">
            <li>
                <a href="/wap/" class="">
                    <span class="am-icon-home"></span>
                    <span class="am-navbar-label">首页</span>
                </a>
            </li>
            <li>
                <a href="###" class="">
                    <span class=" am-icon-comments"></span>
                    <span class="am-navbar-label">聊天</span>
                </a>
            </li>
            <li>
                <a href="#" class="">
                    <span class=" am-icon-map-marker"></span>
                    <span class="am-navbar-label">地图</span>
                </a>
            </li>
            <li style="position:relative">
                <a href="javascript:;" onClick="showFooterNav();" class="">
                    <span class="am-icon-user"></span>
                    <span class="am-navbar-label">会员</span>
                </a>
                <div class="footer-nav" id="footNav">
                    <span class=" am-icon-bank"><a href="#">买家中心</a></span>
                    <span class="am-icon-suitcase"><a href="#">卖家中心</a></span>
                    <span class="am-icon-usd"><a href="#">我的钱包</a></span>
                    <span class="am-icon-user"><a href="#">个人资料</a></span>
                    <span class="am-icon-th-list"><a href="#">帮助中心</a></span>
                    <span class="am-icon-comments"><a href="#">消息中心</a></span>
                    <span class="am-icon-power-off"><a href="#">安全退出</a></span>
                </div>
            </li>
        </ul>
        <script>
            function showFooterNav(){
                $("#footNav").toggle();
            }
        </script>
    </div>
</div>
</body>
</html>
